<template>
  <div class="app_out">
    <div class="t_top">
      <img src="../assets/img/right.png" alt="">
      <span>订单跟踪</span>
    </div>
    <div class="t_cont">
      <div class="t_info">
        <img src="../assets/img/Group 27@3x.png" alt="">
        <div class="t_right">
          <div>订单已提交，正在发往酒店确认，请稍后</div>
          <span>2018-02-08 14:03:02</span>
        </div>
      </div>
      <div class="t_info">
        <img src="../assets/img/circle.png" alt="">
        <div class="t_right">
          <div>订单已提交，正在发往酒店确认，请稍后</div>
          <span>2018-02-08 14:03:02</span>
        </div>
      </div>
      <div class="t_info">
        <img src="../assets/img/circle.png" alt="">
        <div class="t_right">
          <div>订单已提交，正在发往酒店确认，请稍后</div>
          <span>2018-02-08 14:03:02</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    name:'trac',
    data() {
      return{

      }
    }
  }
</script>
<style scoped>
  .t_info:first-child{
    color:#333333;
  }
  .t_info{
    padding:10px 0;
    overflow: hidden;
    width:80%;
    margin:0 auto;
    height:40px;
    color:#999999;
  }
  .t_info img{
    vertical-align: middle;
    float: left;
    width:16px;
  }
  .t_info .t_right{
    font-size: 14px;
    float:left;
    margin-left:10px;
  }
  .t_cont{
    background: #EFEFF4;
    min-height:600px;
  }
  .app_out{
    background: #EFEFF4;
    height:100%;
  }
  .t_top img{
    width:20px;
    position: absolute;
    left:10px;
    top:12px;
  }
  .t_top{
    border-top:1px solid #AFAFAF;
    height:44px;
    line-height: 44px;
    position: relative;
    text-align:center;
    background: #F9F9F9;
  }
</style>
